﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="SalesUserDashboards.aspx.cs"
    Inherits="SalesUserDashboards" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" class="no-js">
<head id="Head1" runat="server">
    <title>SalesuserDashboard</title>
    <script src="JS/Plugins/jquery-1.9.1.js" type="text/javascript"></script>
    <link rel="stylesheet" href="css/HeaderDesign.css" type="text/css">
    <link rel="stylesheet" href="css/menu.css" type="text/css">
    <link href="CSS/sliderFormStyle.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="js/sliding.form.js"></script>
    <style>


.textfield{ border-top: 1px solid #c1c1c1;border-left: 1px solid #c1c1c1;border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;background: #fff url(http://imgs.bharatmatrimony.com/bmimgs/inputbg.gif) no-repeat top left;   font-family:arial, verdana;  color:#666; height:19px; padding:2px 0px 0px 5px; }
.selectfield{background:url(http://imgs.bharatmatrimony.com/bmimgs/inputbg.gif) no-repeat scroll left top #FFFFFF; border-color:#C1C1C1 #EBEBEB #EBEBEB #C1C1C1;border-style:solid;border-width:1px;color:#666666;font-family:arial,verdana;font-size:12px;height:22px;padding:1px 0 2px 2px;}
.inputtext, .addtxtfield{ border-top: 1px solid #c1c1c1;border-left: 1px solid #c1c1c1;border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;font-family:arial, verdana;  color:#666; padding:2px 0px 0px 5px; }
#chkradio { !important; vertical-align:center; !important;}
.radiomargin { vertical-align:middle; display:inline; float:none; margin:0px 4px 0px 3px; _margin:0px 2px 0px 1px; }
checkbox{vertical-align:middle;}
label {font-size:100%;font: bold 12px arial, verdana;margin: 0;padding: 0;text-align: left;}

html,body{
margin:0px;	
padding:0px;
background-color:white;
}

#wrapper{

margin-left:80px;
margin-right:80px;
margin-top:20px;
margin-bottom:20px;
padding:1px;
background-color:#404040;
}

#header{

height:160px;
margin-bottom:2px;
background-color:#FFFFFF;
}

#header-center{
margin-left:35%;
margin-top:-70px;

}

#navbar{

margin-top:-40px;

}

#content{
min-height:600px;
min-width:640px;
padding:5px;
background-color:#FFFFFF;
}

#footer{
text-align:center;
font-weight:bold;
color:#FFFFFF;
height:50px;
clear:both;
margin-top:2px;
padding:5px;
background-color:#404040;
}

.divrow
{
margin-top:15px;
margin-left:20px;
margin-bottom:5px;
}
.divlbl
{
float:left;
width:150px;
border-color:#404040;
border-width:1px;

}

.button {
-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
box-shadow:inset 0px 1px 0px 0px #97c4fe;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #404040), color-stop(1, #404040) );
background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
background-color:#404040;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #337fed;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:6px 24px;
text-decoration:none;
text-shadow:1px 1px 0px #1570cd;
}
.button:hover 
{
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #707070), color-stop(1, #787878) );
background:-moz-linear-gradient( center top, #707070 5%, #787878 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#707070', endColorstr='#787878');
background-color:#707070;
}
.button:active 
{
position:relative;
top:1px;
}



</style>
    <!--  Alert Box STARTS -->
    <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="js/sexyalertbox.v1.2.jquery.js"></script>
    <script type="text/javascript">


//        $(document).ready(function () {



//            var people = getParameterByName('Person');
//            document.getElementById('loggedperson').innerHTML = people;

//            var loguser = people;
//            alert(loguser);
//        });

        function getParameterByName(name) {
            name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
            var regexS = "[\\?&]" + name + "=([^&#]*)";
            var regex = new RegExp(regexS);
            var results = regex.exec(window.location.href);
            if (results == null)
                return "";
            else
                return decodeURIComponent(results[1].replace(/\+/g, " "));
        }

    </script>
    <script type="text/javascript">

        function createSalesUserInventry() {

            var jData = {};
            jData.product = $('#saveproduct').val();
            jData.brand = $('#saveBrand').val();
            jData.model = $('#saveModel').val();
            jData.series = $('#saveSeries').val();
            jData.color = $('#savecolor').val();

            jData.motherBoard = $('#motherBoard').val();
            jData.processor = $('#saveprocessor').val();
            jData.ram = $('#saveRAM').val();
            jData.screenType = $('#saveScreenType').val();
            jData.screenSize = $('#saveScreenSize').val();
            jData.opticalDiskDrive = $('#saveOpticalDiskDrive').val();
            jData.usb = $('#saveUSB').val();
            jData.modemEthernet = $('#saveModemEthernet0').val();
            jData.bluetooth = $('#saveBluetooth').val();
            jData.tvOutput = $('#saveTVoutput').val();
            jData.soundCard = $('#saveSound').val();
            jData.keyboardAndMouse = $('#saveKeyboardMouse').val();
            jData.accessories = $('#saveAccessoriesIncluded').val();
            jData.operatingSystem = $('#saveOperatingSystem').val();
            jData.graphicsCard = $('#saveGrapicsCard').val();
            jData.hardDrive = $('#saveHardDrive').val();
            jData.screenResolution = $('#saveScreenResolution').val();
            jData.memoryCardReader = $('#saveMemoryCardReader').val();
            jData.wifi = $('#saveWiFi').val();
            jData.audioInterface = $('#saveAudioInterface').val();
            jData.expansionCardslot = $('#saveExpansonCardSlot').val();
            jData.webcam = $('#saveWebcam').val();
            jData.battery = $('#saveBattery').val();
            jData.softwareIncluded = $('#saveSoftwareIncluded').val();
            jData.price = $('#savePrice').val();
            jData.discount = $('#saveDiscount').val();
            jData.homeDelivery = $('#saveHomeDelivery').val();
            //jData.fileName = $('#lblMessage').val();


            $.ajax({

                type: "POST",
                url: "ProductService.svc/saveSalesUserProducts",
                data: JSON.stringify(jData),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (response) {
                    //var Result = eval('(' + response.d + ')');
                    //$('#lblMessage').val(Result["ID"]);
                    alert("ggg");
                    window.location = "NewDashboard.aspx";

                },
                failure: function (msg) {
                    alert(msg);
                },
                error: function (jqXHR, exception) {
                    if (jqXHR.status === 0) {
                        alert('Not connect.\n Verify Network.');
                    } else if (jqXHR.status == 404) {
                        alert('Requested page not found. [404]');
                    } else if (jqXHR.status == 500) {
                        alert('Internal Server Error [500].');
                    } else if (exception === 'parsererror') {
                        alert('Requested JSON parse failed.');
                    } else if (exception === 'timeout') {
                        alert('Time out error.');
                    } else if (exception === 'abort') {
                        alert('Ajax request aborted.');
                    } else {
                        alert('Uncaught Error.\n' + jqXHR.responseText);
                    }
                }

            });


        }


        function getInventryDetails() {
            //alert("hai")
            var jData = {};
            jData.productId = $('#txtSearchID').val();

            $.ajax({
                type: "POST",
                url: "ProductService.svc/fetchSalesUserProducts",
                data: JSON.stringify(jData),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (response) {
                    var Result = eval('(' + response.d + ')');

                    $('#txtProduct').val(Result["Product"]);
                    $('#txtBrand').val(Result["Brand"]);
                    $('#txtModel').val(Result["Model"]);
                    $('#txtSeries').val(Result["Series"]);
                    $('#txtColor').val(Result["Color"]);

                    $('#txtMotherBoard').val(Result["MotherBoard"]);
                    $('#txtProcessor').val(Result["Processor"]);
                    $('#txtRam').val(Result["Ram"]);
                    $('#txtScreenType').val(Result["ScreenType"]);
                    $('#txtScreenSize').val(Result["ScreenSize"]);
                    $('#txtOpticalDiskDrive').val(Result["OpticalDiskdrive"]);

                    $('#txtUSB').val(Result["Usb"]);
                    $('#txtModemEthernet').val(Result["ModemEthernet"]);
                    $('#txtBluetooth').val(Result["Bluetooth"]);
                    $('#txtTVOutput').val(Result["TVOutput"]);
                    $('#txtSound').val(Result["SoundCard"]);
                    $('#txtKeyboardMouse').val(Result["KeyboardAndMouse"]);
                    $('#txtAccessories').val(Result["Accessories"]);
                    $('#txtOperatingSystem').val(Result["OperatingSystem"]);
                    $('#txtGraphicsCard').val(Result["GraphicsCard"]);
                    $('#txtScreenResolution').val(Result["ScreenResolution"]);
                    $('#txtHardDrive').val(Result["HardDrive"]);
                    $('#txtMemoryCardReader').val(Result["MemoryCardReader"]);
                    $('#txtWifi').val(Result["Wifi"]);
                    $('#txtAudioInterface').val(Result["AudioInterface"]);
                    $('#txtCardSlot').val(Result["ExpantionCardSlot"]);
                    $('#txtWebcam').val(Result["Webcam"]);
                    $('#txtBattery').val(Result["Battery"]);
                    $('#txtSoftwareIncluded').val(Result["SoftwareIncluded"]);
                    $('#txtPrice').val(Result["Price"]);
                    $('#txtDiscount').val(Result["Discount"]);
                    $('#Checkbox1').val(Result["HomeDelivery"]);

                },
                failure: function (msg) {
                    alert(msg);
                },
                error: function (jqXHR, exception) {
                    if (jqXHR.status === 0) {
                        alert('Not connect.\n Verify Network.');
                    } else if (jqXHR.status == 404) {
                        alert('Requested page not found. [404]');
                    } else if (jqXHR.status == 500) {
                        alert('Internal Server Error [500].');
                    } else if (exception === 'parsererror') {
                        alert('Requested JSON parse failed.');
                    } else if (exception === 'timeout') {
                        alert('Time out error.');
                    } else if (exception === 'abort') {
                        alert('Ajax request aborted.');
                    } else {
                        alert('Uncaught Error.\n' + jqXHR.responseText);
                    }
                }

            });
            //alert("end");
            return false;
        }



        function modifyInventoryDetails() {

            var jData = {};
            jData.ProductID = $('#txtSearchID').val();
            jData.Product = $('#txtProduct').val();
            jData.Brand = $('#txtBrand').val();
            jData.Model = $('#txtModel').val();
            jData.Series = $('#txtSeries').val();
            jData.Color = $('#txtColor').val();
            jData.MotherBoard = $('#txtMotherBoard').val();
            jData.OperatingSystem = $('#txtOperatingSystem').val();
            jData.Processor = $('#txtProcessor').val();

            jData.GraphicsCard = $('#txtGraphicsCard').val();
            jData.Ram = $('#txtRam').val();
            jData.ScreenResolution = $('#txtScreenResolution').val();
            jData.ScreenType = $('#txtScreenType').val();
            jData.HardDrive = $('#txtHardDrive').val();
            jData.ScreenSize = $('#txtScreenSize').val();
            jData.MemoryCardReader = $('#txtMemoryCardReader').val();
            jData.OpticalDiskDrive = $('#txtOpticalDiskDrive').val();
            jData.Usb = $('#txtUSB').val();
            jData.Wifi = $('#txtWifi').val();
            jData.ModemEthernet = $('#txtModemEthernet').val();
            jData.AudioInterface = $('#txtAudioInterface').val();
            jData.Bluetooth = $('#txtBluetooth').val();
            jData.expansionCardslot = $('#txtCardSlot').val();
            jData.TVOutput = $('#txtTVOutput').val();
            jData.SoundCard = $('#txtSound').val();
            jData.KeyboardMouse = $('#txtKeyboardMouse').val();
            jData.Accessories = $('#txtAccessories').val();

            jData.Webcam = $('#txtWebcam').val();
            jData.Battery = $('#txtBattery').val();
            jData.SoftwareIncluded = $('#txtSoftwareIncluded').val();
            jData.Price = $('#txtPrice').val();
            jData.Discount = $('#txtDiscount').val();
            jData.HomeDelivery = $('#Checkbox1').val();

            //alert("hai");
            $.ajax({
                type: "POST",
                url: "ProductService.svc/modifySalesUserProducts",
                data: JSON.stringify(jData),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (response) {
                    var Result = eval('(' + response.d + ')');
                    alert(Result["Message"]);

                    window.location = "NewDashboard.aspx";

                },
                failure: function (msg) {
                    alert(msg);
                },
                error: function (jqXHR, exception) {
                    if (jqXHR.status === 0) {
                        alert('Not connect.\n Verify Network.');
                    } else if (jqXHR.status == 404) {
                        alert('Requested page not found. [404]');
                    } else if (jqXHR.status == 500) {
                        alert('Internal Server Error [500].');
                    } else if (exception === 'parsererror') {
                        alert('Requested JSON parse failed.');
                    } else if (exception === 'timeout') {
                        alert('Time out error.');
                    } else if (exception === 'abort') {
                        alert('Ajax request aborted.');
                    } else {
                        alert('Uncaught Error.\n' + jqXHR.responseText);
                    }
                }

            });
            return false;
        }

        function getDetails() {

            var jData = {};
            jData.pId = $('#delSearchID').val();

            $.ajax({
                type: "POST",
                url: "ProductService.svc/ftodSalesUserProducts",
                data: JSON.stringify(jData),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (response) {
                    var Result = eval('(' + response.d + ')');

                    $('#delProduct').val(Result["Product"]);
                    $('#delBrand').val(Result["Brand"]);
                    $('#delModel').val(Result["Model"]);
                    $('#delSeries').val(Result["Series"]);
                    $('#delColor').val(Result["Color"]);


                },
                failure: function (msg) {
                    alert(msg);
                },
                error: function (jqXHR, exception) {
                    if (jqXHR.status === 0) {
                        alert('Not connect.\n Verify Network.');
                    } else if (jqXHR.status == 404) {
                        alert('Requested page not found. [404]');
                    } else if (jqXHR.status == 500) {
                        alert('Internal Server Error [500].');
                    } else if (exception === 'parsererror') {
                        alert('Requested JSON parse failed.');
                    } else if (exception === 'timeout') {
                        alert('Time out error.');
                    } else if (exception === 'abort') {
                        alert('Ajax request aborted.');
                    } else {
                        alert('Uncaught Error.\n' + jqXHR.responseText);
                    }
                }

            });

            return false;
        }


        function upload() {

            $.ajax({
                type: "POST",
                url: "Handler.ashx",
                data: "{}",
                contentType: "application/json; charset=utf-8",
                dataType: "json"
            });
        }
        function deleteInventory() {

            var jData = {};
            jData.ProductID = $('#delSearchID').val();


            $.ajax({
                type: "POST",
                url: "ProductService.svc/removeSalesUserProducts",
                data: JSON.stringify(jData),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (response) {
                    var Result = eval('(' + response.d + ')');
                    alert(Result["Message"]);

                    window.location = "NewDashboard.aspx";

                },
                failure: function (msg) {
                    alert(msg);
                },
                error: function (jqXHR, exception) {
                    if (jqXHR.status === 0) {
                        alert('Not connect.\n Verify Network.');
                    } else if (jqXHR.status == 404) {
                        alert('Requested page not found. [404]');
                    } else if (jqXHR.status == 500) {
                        alert('Internal Server Error [500].');
                    } else if (exception === 'parsererror') {
                        alert('Requested JSON parse failed.');
                    } else if (exception === 'timeout') {
                        alert('Time out error.');
                    } else if (exception === 'abort') {
                        alert('Ajax request aborted.');
                    } else {
                        alert('Uncaught Error.\n' + jqXHR.responseText);
                    }
                }

            });
            return false;
        }

    </script>
    <script src="JS/jquery.validate.js" type="text/javascript"></script>
    <script src="JS/jquery.validation.functions.js" type="text/javascript"></script>
    <script src="JS/Shi-1.5.js" type="text/javascript"></script>
    <link href="CSS/jquery.validate.css" rel="stylesheet" type="text/css" />
    <link href="CSS/style33.css" rel="stylesheet" type="text/css" />
    <!--  Alert Box ENDS -->
    <script type="text/javascript" language="javascript">
        window.history.forward(1);
        document.attachEvent("onkeydown", my_onkeydown_handler);
        function my_onkeydown_handler() {
            switch (event.keyCode) {
                case 116: // F5;
                    event.returnValue = false;
                    event.keyCode = 0;
                    window.status = "We have disabled F5";
                    break;
            }
        }
    </script>
    <script type="text/javascript">
        function Logout() {

            window.history.forward();
            function noBack() { window.history.forward(); }

            window.location = "AdminLogin.aspx";

        }
    </script>
</head>
<body onload="noBack();" onpageshow="if (event.persisted) noBack();" onunload="">
    <script>
        function showonlyone(thechosenone) {
            $('.newboxes').each(function (index) {
                if ($(this).attr("id") == thechosenone) {
                    $(this).show(200);

                }
                else {
                    $(this).hide(600);
                }
            });
        }
    </script>
    <div id="wrapper">
        <div id="header">
            <img src="IMAGE/saleuser.jpg" width="100%" height="120px;" />
            <div id="navbar">
                <ul id="menu">
                    <li><a href="SalesUserDashboards.aspx">Home</a></li>
                    <li><a href="SalesuserAccount.aspx?userid=loguser">My Account</a></li>
                    <li>
                        <%--<asp:Button ID="Button2" runat="server" Text="Logout" OnClick="Button1_Click" /></form>--%>
                        <input type="button" value="Logout" onclick="return Logout();" />
                    </li>
                </ul>
            </div>
        </div>
        <div id="content">
           <%-- <label style="width:150px">
                Logged user :</label><asp:Label ID="logpeople" runat="server" Text="Label"></asp:Label>
           --%><br />
            <div id="myContent">
                <table>
                    <td>
                        <div style="border: 1px solid #FFFFFF; background-color: #E0E0E0; padding: 5px; width: 150px;">
                            <a id="myHeader1" href="javascript:showonlyone('newboxes1');" style="color: Black;
                                text-decoration: none;">CREATE NEW ITEM</a>
                        </div>
                    </td>
                    <td>
                        <div style="border: 1px solid #FFFFFF; background-color: #E0E0E0; padding: 5px; width: 150px;">
                            <a id="myHeader2" href="javascript:showonlyone('newboxes2');" style="color: Black;
                                text-decoration: none;" onclick="document.getElementById('newboxes2').style.visibility = 'visible';">
                                UPDATE NEW ITEM</a>
                        </div>
                    </td>
                    <td>
                        <div style="border: 1px solid #FFFFFF; background-color: #E0E0E0; padding: 5px; width: 150px;">
                            <a id="myHeader3" href="javascript:showonlyone('newboxes3');" style="color: Black;
                                text-decoration: none;" onclick="document.getElementById('newboxes3').style.visibility = 'visible';">
                                DELETE ITEM</a>
                        </div>
                    </td>
                </table>
            </div>
            <div class="newboxes" id="newboxes1" style="display: block;">
                <div id="contents">
                    <div id="wrappers">
                        <div id="navigation" style="display: none;">
                            <ul style="padding-left: 125px">
                                <li class="selected"><a href="#">Basic details</a> </li>
                                <li><a href="#">Features</a> </li>
                                <li><a href="#">Price</a> </li>
                                <li><a href="#">Settings</a> </li>
                                <li><a href="#">Confirm</a> </li>
                            </ul>
                        </div>
                        <div id="steps">
                            <form id="formElem" name="formElem" action="" method="post" runat="server">
                            <fieldset class="step">
                                <legend></legend>
                                <p style="margin-left: 230px">
                                    <label for="title">
                                        Salesperson</label>
                                    <%--<asp:TextBox ID="saveproduct" runat="server"></asp:TextBox>--%>
                                    <asp:Label ID="logpeople" runat="server" Text="Label"></asp:Label>
                                </p>
                                
                                <p style="margin-left: 230px">
                                    <label for="title">
                                        Product</label>
                                    <%--<asp:TextBox ID="saveproduct" runat="server"></asp:TextBox>--%>
                                    <asp:DropDownList ID="saveproduct" runat="server">
                                        <asp:ListItem Selected="True">Select</asp:ListItem>
                                        <asp:ListItem>Laptop</asp:ListItem>
                                        <asp:ListItem>Desktop</asp:ListItem>
                                    </asp:DropDownList>
                                </p>
                                <p style="margin-left: 230px">
                                    <label for="brand">
                                        Brand</label>
                                    <%--<asp:TextBox ID="saveBrand" runat="server"></asp:TextBox>--%>
                                    <asp:DropDownList ID="saveBrand" runat="server">
                                        <asp:ListItem Selected="True">Select</asp:ListItem>
                                        <asp:ListItem>Asus</asp:ListItem>
                                        <asp:ListItem>Acer</asp:ListItem>
                                        <asp:ListItem>Apple</asp:ListItem>
                                        <asp:ListItem>Dell</asp:ListItem>
                                        <asp:ListItem>lenovo</asp:ListItem>
                                        <asp:ListItem>Sony</asp:ListItem>
                                        <asp:ListItem>Toshiba</asp:ListItem>
                                    </asp:DropDownList>
                                </p>
                                <p style="margin-left: 230px">
                                    <label for="series">
                                        Model</label>
                                    <%--<asp:TextBox ID="saveModel" runat="server"></asp:TextBox>--%>
                                    <asp:DropDownList ID="saveModel" runat="server">
                                        <asp:ListItem Selected="True">Select</asp:ListItem>
                                        <asp:ListItem>Duo 11</asp:ListItem>
                                        <asp:ListItem>S Series 13</asp:ListItem>
                                        <asp:ListItem>S Series 13A</asp:ListItem>
                                        <asp:ListItem>Vaio</asp:ListItem>
                                        <asp:ListItem>ThinkPad</asp:ListItem>
                                        <asp:ListItem>T Series 11</asp:ListItem>
                                        <asp:ListItem>T Series 13</asp:ListItem>
                                        <asp:ListItem>T Series 14</asp:ListItem>
                                    </asp:DropDownList>
                                </p>
                                <p style="margin-left: 230px">
                                    <label for="inch">
                                        Series</label>
                                    <asp:TextBox ID="saveSeries" runat="server" Width="180px"></asp:TextBox>
                                </p>
                                <p style="margin-left: 230px">
                                    <label for="color">
                                        Color</label>
                                    <asp:TextBox ID="savecolor" runat="server" Width="180px"></asp:TextBox>
                                </p>
                            </fieldset>
                            <fieldset class="step">
                                <legend></legend>
                                <table>
                                    <tr>
                                        <td>
                                            <p>
                                                <label for="motherboard">
                                                    MotherBoard</label>
                                                <asp:TextBox ID="motherBoard" runat="server" Width="180px"></asp:TextBox>
                                            </p>
                                        </td>
                                        <td>
                                            <p>
                                                <label for="OperatingSystem">
                                                    Operating system</label>
                                                <asp:TextBox ID="saveOperatingSystem" runat="server" Width="180px"></asp:TextBox>
                                            </p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <p>
                                                <label for="processor">
                                                    Processor</label>
                                                <asp:TextBox ID="saveprocessor" runat="server" Width="180px"></asp:TextBox>
                                            </p>
                                        </td>
                                        <td>
                                            <p>
                                                <label for="GrapicsCard">
                                                    Grapics card</label>
                                                <asp:TextBox ID="saveGrapicsCard" runat="server" Width="180px"></asp:TextBox>
                                            </p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <p>
                                                <label for="RAM">
                                                    RAM</label>
                                                <asp:TextBox ID="saveRAM" runat="server" Width="180px"></asp:TextBox>
                                            </p>
                                        </td>
                                        <td>
                                            <p>
                                                <label for="Screen resolution">
                                                    Screen resolution</label>
                                                <asp:TextBox ID="saveScreenResolution" runat="server" Width="180px"></asp:TextBox>
                                            </p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <p>
                                                <label for="ScreenType">
                                                    Screen type</label>
                                                <asp:TextBox ID="saveScreenType" runat="server" Width="180px"></asp:TextBox>
                                            </p>
                                        </td>
                                        <td>
                                            <p>
                                                <label for="HardDrive">
                                                    Hard drive</label>
                                                <asp:TextBox ID="saveHardDrive" runat="server" Width="180px"></asp:TextBox>
                                            </p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <p>
                                                <label for="ScreenSize">
                                                    Screen size</label>
                                                <asp:TextBox ID="saveScreenSize" runat="server" Width="180px"></asp:TextBox>
                                            </p>
                                        </td>
                                        <td>
                                            <p>
                                                <label for="MemoryCardReader">
                                                    Memory card reader</label>
                                                <asp:TextBox ID="saveMemoryCardReader" runat="server" Width="180px"></asp:TextBox>
                                            </p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <p>
                                                <label for="OpticalDiskDrive">
                                                    Optical disk drive</label>
                                                <asp:TextBox ID="saveOpticalDiskDrive" runat="server" Width="180px"></asp:TextBox>
                                            </p>
                                        </td>
                                        <td>
                                            &nbsp;
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <p>
                                                <label for="USB">
                                                    USB</label>
                                                <asp:TextBox ID="saveUSB" runat="server" Width="180px"></asp:TextBox>
                                            </p>
                                        </td>
                                        <td>
                                            <p>
                                                <label for="WiFi">
                                                    WiFi</label>
                                                <asp:TextBox ID="saveWiFi" runat="server" Width="180px"></asp:TextBox>
                                            </p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <p>
                                                <label for="ModemEthernet">
                                                    Modem/Ethernet</label>
                                                <asp:TextBox ID="saveModemEthernet0" runat="server" Width="180px"></asp:TextBox>
                                            </p>
                                        </td>
                                        <td>
                                            <p>
                                                <label for="AudioInterface">
                                                    Audio interface</label>
                                                <asp:TextBox ID="saveAudioInterface" runat="server" Width="180px"></asp:TextBox>
                                            </p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <p>
                                                <label for="Bluetooth">
                                                    Bluetooth</label>
                                                <asp:TextBox ID="saveBluetooth" runat="server" Width="180px"></asp:TextBox>
                                            </p>
                                        </td>
                                        <td>
                                            <p>
                                                <label for="ExpansonCardSlot">
                                                    Expanson card slot</label>
                                                <asp:TextBox ID="saveExpansonCardSlot" runat="server" Width="180px"></asp:TextBox>
                                            </p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <p>
                                                <label for="TVoutput">
                                                    TV output</label>
                                                <asp:TextBox ID="saveTVoutput" runat="server" Width="180px"></asp:TextBox>
                                            </p>
                                        </td>
                                        <td>
                                            <p>
                                                <label for="Webcam">
                                                    Webcam</label>
                                                <asp:TextBox ID="saveWebcam" runat="server" Height="55px" Width="116px"></asp:TextBox>
                                            </p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <p>
                                                <label for="Sound">
                                                    Sound</label>
                                                <asp:TextBox ID="saveSound" runat="server" Height="61px" Width="103px"></asp:TextBox>
                                            </p>
                                        </td>
                                        <td>
                                            <p>
                                                <label for="Batery">
                                                    Batery</label>
                                                <asp:TextBox ID="saveBattery" runat="server" Width="180px"></asp:TextBox>
                                            </p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <p>
                                                <label for="KeyboardMouse">
                                                    Keyboard & Mouse</label>
                                                <asp:TextBox ID="saveKeyboardMouse" runat="server" Height="61px" Width="103px"></asp:TextBox>
                                            </p>
                                        </td>
                                        <td>
                                            <p>
                                                <label for="SoftwareIncluded">
                                                    Software included</label>
                                                <asp:TextBox ID="saveSoftwareIncluded" runat="server" Height="61px" Width="103px"></asp:TextBox>
                                            </p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <p>
                                                <label for="AccessoriesIncluded">
                                                    Accessories included</label>
                                                <asp:TextBox ID="saveAccessoriesIncluded" runat="server" Height="61px" Width="103px"></asp:TextBox>
                                            </p>
                                        </td>
                                        <td>
                                            &nbsp;
                                        </td>
                                    </tr>
                                </table>
                            </fieldset>
                            <fieldset class="step">
                                <legend></legend>
                                <p style="margin-left: 230px">
                                    <label>
                                        Price</label>
                                    <asp:TextBox ID="savePrice" runat="server" Width="180px"></asp:TextBox>
                                </p>
                                <p style="margin-left: 230px">
                                    <label for="Discount">
                                        Discount</label>
                                    <asp:TextBox ID="saveDiscount" runat="server" Width="180px"></asp:TextBox>
                                </p>
                                <p style="margin-left: 230px">
                                    <label for="HomeDelivery">
                                        Home delivery</label>
                                    <asp:TextBox ID="saveHomeDelivery" runat="server" Width="180px"></asp:TextBox>
                                </p>
                            </fieldset>
                            <fieldset class="step">
                                <legend>Images</legend>
                                <p>
                                    <label for="image">
                                        Product Image</label>
                                    <asp:FileUpload ID="fileUpload1" runat="server" />
                                </p>
                            </fieldset>
                            <fieldset class="step">
                                <legend>Confirm</legend>
                                <p>
                                    Save this Product
                                </p>
                                <p class="submit">
                                    <asp:Button ID="btnUpload" runat="server" Text="Upload" OnClick="btnUpload_Click" />
                                </p>
                            </fieldset>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="newboxes" id="newboxes2" style="visibility: hidden">
                <div id="cont">
                    <div id="wrap">
                        <div id="navi">
                            <ul style="padding-left: 125px">
                                <li class="selected"><a href="#">Basic details</a> </li>
                                <li><a href="#">Features</a> </li>
                                <li><a href="#">Price</a> </li>
                                <li><a href="#">Settings</a> </li>
                                <li><a href="#">Confirm</a> </li>
                            </ul>
                        </div>
                        <div id="stepss">
                            <form id="formE" name="formE" action="" method="post">
                            <fieldset class="step">
                                <legend></legend>
                                <p style="margin-left: 230px">
                                    <label for="title">
                                        Product ID</label>
                                    <input id="txtSearchID" name="productID" type="text" />
                                </p>
                                <input type="submit" value="Fetch" style="margin-left: 10px; margin-top: 5px; width: 100px;"
                                    onclick="return getInventryDetails();" />
                                <p style="margin-left: 230px">
                                    <label for="title">
                                        Product</label>
                                    <input id="txtProduct" name="product" type="text" />
                                </p>
                                <p style="margin-left: 230px">
                                    <label for="brand">
                                        Brand</label>
                                    <input id="txtBrand" name="username" type="text" />
                                </p>
                                <p style="margin-left: 230px">
                                    <label for="model">
                                        Model</label>
                                    <input id="txtModel" name="model" type="text" />
                                </p>
                                <p style="margin-left: 230px">
                                    <label for="series">
                                        Series</label>
                                    <input id="txtSeries" name="series" type="text" />
                                </p>
                                <p style="margin-left: 230px">
                                    <label for="color">
                                        Color</label>
                                    <input id="txtColor" name="color" type="text" />
                                </p>
                            </fieldset>
                            <fieldset class="step">
                                <legend></legend>
                                <table>
                                    <tr>
                                        <td>
                                            <p>
                                                <label for="motherboard">
                                                    MotherBoard</label>
                                                <input id="txtMotherBoard" name="motherboard" type="text" />
                                            </p>
                                        </td>
                                        <td>
                                            <p>
                                                <label for="OperatingSystem">
                                                    Operating system</label>
                                                <input id="txtOperatingSystem" name="OperatingSystem" type="text" />
                                            </p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <p>
                                                <label for="processor">
                                                    Processor</label>
                                                <input id="txtProcessor" name="processor" type="text" />
                                            </p>
                                        </td>
                                        <td>
                                            <p>
                                                <label for="GrapicsCard">
                                                    Graphics card</label>
                                                <input id="txtGraphicsCard" name="GrapicsCard" />
                                            </p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <p>
                                                <label for="RAM">
                                                    RAM</label>
                                                <input id="txtRam" name="RAM0" />
                                            </p>
                                        </td>
                                        <td>
                                            <p>
                                                <label for="Screen resolution">
                                                    Screen resolution</label>
                                                <input id="txtScreenResolution" name="Screen resolution" />
                                            </p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <p>
                                                <label for="ScreenType">
                                                    Screen type</label>
                                                <input id="txtScreenType" name="ScreenType0" />
                                            </p>
                                        </td>
                                        <td>
                                            <p>
                                                <label for="HardDrive">
                                                    Hard drive</label>
                                                <input id="txtHardDrive" name="HardDrive" />
                                            </p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <p>
                                                <label for="ScreenSize">
                                                    Screen size</label>
                                                <input id="txtScreenSize" name="ScreenSize0" />
                                            </p>
                                        </td>
                                        <td>
                                            <p>
                                                <label for="MemoryCardReader">
                                                    Memory card reader</label>
                                                <input id="txtMemoryCardReader" name="MemoryCardReader" />
                                            </p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <p>
                                                <label for="OpticalDiskDrive">
                                                    Optical disk drive</label>
                                                <input id="txtOpticalDiskDrive" name="OpticalDiskDrive0" />
                                            </p>
                                        </td>
                                        <td>
                                            &nbsp;
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <p>
                                                <label for="USB">
                                                    USB</label>
                                                <input id="txtUSB" name="USB0" />
                                            </p>
                                        </td>
                                        <td>
                                            <p>
                                                <label for="WiFi">
                                                    WiFi</label>
                                                <input id="txtWifi" name="WiFi" />
                                            </p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <p>
                                                <label for="ModemEthernet">
                                                    Modem/Ethernet</label>
                                                <input id="txtModemEthernet" name="ModemEthernet" />
                                            </p>
                                        </td>
                                        <td>
                                            <p>
                                                <label for="AudioInterface">
                                                    Audio Interface</label>
                                                <input id="txtAudioInterface" name="AudioInterface" />
                                            </p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <p>
                                                <label for="Bluetooth">
                                                    Bluetooth</label>
                                                <input id="txtBluetooth" name="Bluetooth" />
                                            </p>
                                        </td>
                                        <td>
                                            <p>
                                                <label for="ExpansonCardSlot">
                                                    Expanson Card Slot</label>
                                                <input id="txtCardSlot" name="ExpansionCardSlot" />
                                            </p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <p>
                                                <label for="TVoutput">
                                                    TV Output</label>
                                                <input id="txtTVOutput" name="TVoutput" />
                                            </p>
                                        </td>
                                        <td>
                                            <p>
                                                <label for="Webcam">
                                                    Webcam</label>
                                                <textarea rows="3" cols="17" id="txtWebcam" name="Webcam"></textarea>
                                            </p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <p>
                                                <label for="Sound">
                                                    Sound</label>
                                                <textarea rows="3" cols="17" id="txtSound" name="Sound"></textarea>
                                            </p>
                                        </td>
                                        <td>
                                            <p>
                                                <label for="Batery">
                                                    Battery</label>
                                                <input id="txtBattery" name="Battery" />
                                            </p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <p>
                                                <label for="KeyboardMouse">
                                                    Keyboard & Mouse</label>
                                                <textarea rows="3" cols="17" id="txtKeyboardMouse" name="KeyboardMouse"></textarea>
                                            </p>
                                        </td>
                                        <td>
                                            <p>
                                                <label for="SoftwareIncluded">
                                                    Software Included</label>
                                                <textarea rows="3" cols="17" id="txtSoftwareIncluded" name="SoftwareIncluded"></textarea>
                                            </p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <p>
                                                <label for="AccessoriesIncluded">
                                                    Accessories Included</label>
                                                <textarea rows="3" cols="17" id="txtAccessories" name="AccessoriesIncluded0"></textarea>
                                            </p>
                                        </td>
                                        <td>
                                            &nbsp;
                                        </td>
                                    </tr>
                                </table>
                            </fieldset>
                            <fieldset class="step">
                                <legend></legend>
                                <p style="margin-left: 230px">
                                    <label>
                                        Price</label>
                                    <input id="txtPrice" name="Price" type="number" />
                                </p>
                                <p style="margin-left: 230px">
                                    <label for="Discount">
                                        Discount</label>
                                    <input id="txtDiscount" name="Discount" type="number" />
                                </p>
                                <p style="margin-left: 230px">
                                    <label for="HomeDelivery">
                                        Home delivery</label>
                                    <input id="Checkbox1" name="HomeDelivery" type="checkbox" />
                                </p>
                            </fieldset>
                            <fieldset class="step">
                                <legend>Images</legend>
                                <p>
                                    <label for="image">
                                        Product Image</label>
                                    <input id="File1" name="tagname" type="file" />
                                </p>
                            </fieldset>
                            <fieldset class="step">
                                <legend>Confirm</legend>
                                <p>
                                    Save this Product
                                </p>
                                <p class="submit">
                                    <button id="Button1" onclick="return modifyInventoryDetails();" type="submit">
                                        SAVE</button>
                                </p>
                            </fieldset>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="newboxes" id="newboxes3" style="visibility: hidden">
                <div id="cont3">
                    <div id="wrap3">
                        <div id="navi3">
                            <ul style="padding-left: 125px">
                                <li class="selected"><a href="#">Basic details</a> </li>
                                <!--        <li>
                            <a href="#">Features</a>
                        </li>
                        <li>
                            <a href="#">Price</a>
                        </li>
                        <li>
                            <a href="#">Settings</a>
                        </li> -->
                                <li><a href="#">Confirm</a> </li>
                            </ul>
                        </div>
                        <div id="stepss3">
                            <form id="formE3" name="formE3" action="" method="post">
                            <fieldset class="step">
                                <legend></legend>
                                <p style="margin-left: 230px">
                                    <label for="title">
                                        Product ID</label>
                                    <input id="delSearchID" name="productID" type="text" />
                                </p>
                                <input type="submit" value="Fetch" style="margin-left: 10px; margin-top: 5px; width: 100px;"
                                    onclick="return getDetails();" />
                                <p style="margin-left: 230px">
                                    <label for="title">
                                        Product</label>
                                    <input id="delProduct" name="product" type="text" readonly="readonly" style="background-color: #F4F4F4;
                                        border-style: none; padding: inherit; border-color: #C0C0C0; text-align: center" />
                                </p>
                                <p style="margin-left: 230px">
                                    <label for="brand">
                                        Brand</label>
                                    <input id="delBrand" name="brand" type="text" readonly="readonly" style="background-color: #F4F4F4;
                                        border-style: none; padding: inherit; border-color: #C0C0C0; text-align: center" />
                                </p>
                                <p style="margin-left: 230px">
                                    <label for="model">
                                        Model</label>
                                    <input id="delModel" name="model" type="text" readonly="readonly" style="background-color: #F4F4F4;
                                        border-style: none; padding: inherit; border-color: #C0C0C0; text-align: center" />
                                </p>
                                <p style="margin-left: 230px">
                                    <label for="series">
                                        Series</label>
                                    <input id="delSeries" name="series" type="text" readonly="readonly" style="background-color: #F4F4F4;
                                        border-style: none; padding: inherit; border-color: #C0C0C0; text-align: center" />
                                </p>
                                <p style="margin-left: 230px">
                                    <label for="color">
                                        Color</label>
                                    <input id="delColor" name="color" type="text" readonly="readonly" style="background-color: #F4F4F4;
                                        border-style: none; padding: inherit; border-color: #C0C0C0; text-align: center" />
                                </p>
                            </fieldset>
                            <!--                  <fieldset class="step">
                            <legend></legend>
                 
                 <table>        
                        <tr>
                           <td><p>
                                <label for="motherboard">MotherBoard</label>
                                <input id="delMotherBoard" name="motherboard" type="text" />
                            </p>
</td> 
<td>                            <p>
                                <label for="OperatingSystem">Operating system</label>
                                <input id="delOperatingSystem" name="OperatingSystem" type="text" />
                            </p>
    </td>
    </tr>
         
    <tr>
    <td>                    
                        
                            <p>
                                <label for="processor">Processor</label>
                                <input id="delProcessor" name="processor" type="text" />
                            </p>
        </td>
        <td>
                    <p>
                                <label for="GrapicsCard">Graphics card</label>
                                <input id="delGraphicsCard" name="GrapicsCard" />
                            </p>
            </td>
            </tr>
            <tr>
            <td>
                        
                            <p>
                                <label for="RAM">RAM</label>
                                <input id="delRam" name="RAM0" />
                            </p>
                </td>
                <td>            <p>
                                <label for="Screen resolution">Screen resolution</label>
                                <input id="delScreenResolution" name="Screen resolution" />
                            </p>
                    </td>
                    </tr>
            <tr>
            <td>
                            <p>
                                <label for="ScreenType">Screen type</label>
                                <input id="delScreenType" name="ScreenType0" />
                            </p>
</td>
            <td>
                            <p>
                                <label for="HardDrive">Hard drive</label>
                                <input id="delHardDrive" name="HardDrive" />
                            </p>
           </td>
           </tr>
           <tr>
            <td>
                            <p>
                                <label for="ScreenSize">Screen size</label>
                                <input id="delScreenSize" name="ScreenSize0" />
                            </p>
           </td>
            <td>
                 <p>
                                <label for="MemoryCardReader">Memory card reader</label>
                                <input id="delMemoryCardReader" name="MemoryCardReader" />
                            </p>
</td>
</tr>
            <tr>
            <td>
                            <p>
                                <label for="OpticalDiskDrive">Optical disk drive</label>
                                <input id="delOpticalDiskDrive" name="OpticalDiskDrive0" />
                            </p>
</td>
            <td>    
                            &nbsp;</td>
</tr>
            <tr>
            <td>
                            <p>
                                <label for="USB">USB</label>
                                <input id="delUSB" name="USB0" />
                            </p>
</td>
<td>
                            <p>
                                <label for="WiFi">WiFi</label>
                                <input id="delWifi" name="WiFi" />
                            </p>
</td>
</tr>                         
            <tr>
            <td>
                            <p>
                                <label for="ModemEthernet">Modem/Ethernet</label>
                                <input id="delModemEthernet" name="ModemEthernet" />
                            </p>
</td>
<td>                             <p>
                                <label for="AudioInterface">Audio Interface</label>
                                <input id="delAudioInterface" name="AudioInterface" />
                            </p>
    </td>
    </tr>
                <tr>
            <td>
                              <p>
                              <label for="Bluetooth">Bluetooth</label>
                                <input id="delBluetooth" name="Bluetooth" />
                            </p>
</td>
            <td>
                            <p>
                                <label for="ExpansonCardSlot">Expanson Card Slot</label>
                                <input id="delCardSlot" name="ExpansionCardSlot" />
                            </p>
</td>
</tr>
            <tr>
            <td>
                        <p>
                                <label for="TVoutput">TV Output</label>
                                <input id="delTVOutput" name="TVoutput" />
                            </p>
</td>
            <td>
                            <p>
                                <label for="Webcam">Webcam</label>
                                <textarea rows = "3" cols="17" id="delWebcam" name="Webcam"></textarea>
                            </p>
</td>
</tr> 
 
             <tr>
            <td>

                            <p>
                                <label for="Sound">Sound</label>
                                <textarea rows = "3" cols="17" id="delSound" name="Sound"></textarea>
                            </p>
</td>
            <td>
                            <p>
                                <label for="Batery">Battery</label>
                                <input id="delBattery" name="Battery" />
                            </p>
            </td>
            </tr>
             <tr>
            <td>
                
                            <p>
                                <label for="KeyboardMouse">Keyboard & Mouse</label>
                                <textarea rows = "3" cols="17" id="delKeyboardMouse" name="KeyboardMouse"></textarea>
                            </p>
</td>
            <td>
                            <p>
                                <label for="SoftwareIncluded">Software Included</label>
                                <textarea rows = "3" cols="17" id="delSoftwareIncluded" name="SoftwareIncluded"></textarea>
                            </p>
</td>
</tr> 
 
 
  <tr>
            <td>

                            <p>
                                <label for="AccessoriesIncluded">Accessories Included</label>
                                <textarea rows = "3" cols="17" id="delAccessories" 
                                    name="AccessoriesIncluded0"></textarea>
                            </p>
</td>
<td>

                            &nbsp;</td>
</tr>
</table>                            
                        </fieldset> -->
                            <!--          <fieldset class="step">
                            <legend></legend>
                            <p style="margin-left:230px">
                                <label>Price</label>
                                <input id="delPrice" name="Price" type="number" />
                            </p>
                            <p style="margin-left:230px">
                                <label for="Discount">Discount</label>
                                <input id="delDiscount" name="Discount" type="number" />
                            </p>
                            <p style="margin-left:230px">
                                <label for="HomeDelivery">Home delivery</label>
                                <input id="Checkbox3" name="HomeDelivery" type="checkbox" />
                            </p>
                        </fieldset> -->
                            <!--       <fieldset class="step">
                            <legend>Images</legend>
							<p>
                                <label for="image">Product Image</label>
                                <input id="File3" name="tagname" type="file"  />
                            </p>
                        </fieldset> -->
                            <fieldset class="step">
                                <legend>Confirm</legend>
                                <p>
                                    Delete this Product
                                </p>
                                <p class="submit">
                                    <button id="Button" onclick="return deleteInventory();" type="submit">
                                        DELETE</button>
                                </p>
                            </fieldset>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="footer">
            Copyright © Kaizen Technosoft</div>
    </div>
</body>
</html>
